﻿﻿header { position: fixed; left: 0; top: 0; width: 100%; z-index: 101; background: #fff; border-bottom: 1px solid #e6e6e6 }
.logo { float: left; margin-left: 60px; line-height: 80px; }
.seach { float: right; position: relative; }
.seach button { line-height: 80px; display: inline-block }
.seach input { width: 0px; border: none; border-bottom: 1px solid #0054a6; outline: none; box-sizing: border-box; display: inline-block; vertical-align: middle }
.seach input:focus { border-color: #0054a6 }
.seach input.ac { width: 200px; padding: 0 5px; }
.seach h6 { display: inline-block; line-height: 80px; width: 80px; background: #0054a6; color: #fff; font-size: 24px; text-align: center }
nav { float: right; }
nav>ul { font-size: 0 }
.nav_item { display: inline-block }
.nav_item>a { line-height: 80px; display: block; padding: 0 24px; border-left: 1px solid #e6e6e6; position: relative; color: #444444; font-size: 16px; font-weight: bold }
.nav_item>a:after { content: ''; display: none; width: 0; height: 2px; background: #e60012; position: absolute; left: 0; bottom: -1px }
.nav_item>a:hover,
.nav_item.ac>a { color: #fff; background: #0054a6 }
.nav_item>a:hover:after,
.nav_item.ac>a:after { width: 100% }
.nav_item>div { position: absolute; width: 100%; padding: 56px 0; text-align: center; left: 0; top: 99px; background: #fff; -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .1) inset; /* For Firefox3.6+ */ -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .1) inset; /* For Chrome5+, Safari5+ */ box-shadow: 0 5px 5px rgba(0, 0, 0, .1) inset; z-index: 98; /* For Latest Opera */ display: none !important }
/* 
.nav_item ul {
	display: inline-block;
	vertical-align: middle;
	margin-right: 100px
}

.dd_img {
	display: inline-block;
	width: 300px;
	vertical-align: middle
}

.dd_img img {
	width: 100%;
	display: none;
}

.dd_img img.ac {
	display: block
}
.nav_item li{
	margin-bottom: 5px
}
.nav_item li a{
	display: block;
	padding: 0 12px;
	line-height: 32px;
	color:#666666
}
.nav_item li.ac a,
.nav_item li:hover a{
	color:#fff;
	background: #e60012
} */
.nav_item { position: relative; }
.nav_item>ul { position: absolute; width: 100%; background: rgba(0, 84, 166, .7); padding-bottom: 5px; left: 0; top: 80px; text-align: center; display: none }
.nav_item>ul li { border-bottom: 1px solid #fff; }
.nav_item>ul li a { display: block; line-height: 34px; color: rgba(255, 255, 255, .6); font-size: 14px }
.nav_item>ul li a:hover { color: #fff; background: rgba(0, 84, 166, 1) }
footer { background: #0054a6; position: relative; }
footer>.container { padding-top: 30px; }
.top { position: absolute; /* width: 56px;
	height: 56px; */ height: 70px; width: 70px; box-sizing: border-box; border: 1px solid #e3e3e3; position: fixed; right: 0; top: 50%; text-align: center; /* transform: translateX(100%) translateY(-100%); */ background: #fff; cursor: pointer; }
.top:hover { background: #0054a6 }
.top div { position: absolute; left: 50%; top: 50%; transform: translateY(-37%) translateX(-50%); width: 100%; line-height: 0 }
.top h6 { font-size: 20px; line-height: 20px; color: #bfbfbf }
.top span { color: #282828; font-size: 14px; line-height: 20px; display: inline-block }
.top:hover h6,
.top:hover span { color: #fff }
.foot_left { font-size: 0; display: inline-block; vertical-align: middle; width: 52%; }
.foot_left li { line-height: 24px }
.foot_left li a { font-size: 12px; color: rgba(255, 255, 255, .6); line-height: 24px }
.foot_left li a:hover { color: #fff }
.foot_left li:first-child { margin-bottom: 20px }
.foot_left li:first-child a { color: #fff; font-size: 14px; border-bottom: 1px solid transparent }
.foot_left li:first-child a:hover { border-color: #fff }
.foot_left ul { display: inline-block; vertical-align: top; margin-right: 55px }
.foot_left ul:last-child { margin-right: 0 }
.foot_center h2 { color: #fff; margin-bottom: 20px; line-height: 24px }
.foot_wtap { font-size: 0 }
.foot_center { /* float: left; */ padding-left: 110px; display: inline-block; vertical-align: middle; width: 38%; box-sizing: border-box }
.foot_center p { font-size: 12px; color: rgba(255, 255, 255, .6); line-height: 24px; }
.foot_right { padding-top: 44px; vertical-align: top; display: inline-block; width: 10%; box-sizing: border-box; text-align: right }
.foot_right p { color: #fff; margin-top: 5px }
.foot_right img { width: 80px }
.copyright { width: 100%; float: left; padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, .5); margin-top: 15px; }
.copyright p { float: left; color: #fff; font-size: 13px }
.copyright ul { float: right; font-size: 0 }
.copyright ul li { display: inline-block }
.copyright ul li a { line-height: 13px; font-size: 12px; color: #fff; padding: 0 6px; border-right: 1px solid #fff; display: inline-block; }
.copyright ul li:last-child a { border-right: 0 }
.copyright ul li a:hover { opacity: .8; }
.btn { float: right; width: 55px; height: 55px; background: transparent; margin-top: 14px; border-radius: 2px; cursor: pointer; text-align: center; line-height: 3px; box-sizing: border-box; padding-top: 2px; transition: 0.4s ease-in-out; position: relative; z-index: 555; display: none }
.btn i { display: block; margin: 0 auto; width: 28px; height: 3px; background: #0054a6; margin-top: 5px; border-radius: 5px; }
.btn i:nth-child(1) { transition: 0.4s ease-in-out 0.3s; margin-top: 16px }
.btn i:nth-child(2) { transition: 0.4s ease-in-out; }
.btn i:nth-child(3) { transition: 0.4s ease-in-out 0.3s; }
.btn.active i:nth-child(1) { transform: rotate(45deg) translateY(5px) translateX(6px); }
.btn.active i:nth-child(2) { transform: translateX(40px); opacity: 0; }
.btn.active i:nth-child(3) { transform: rotate(-45deg) translateY(-6px) translateX(5px); }
.btn:hover i { background: #e50011; }
/*头部通用*/
.navBox { height: 90px; position: relative; background: url(../images/hbg.jpg) repeat-x; margin: 0 auto; }
.nav { margin-left: 300px }
.w { width: 1200px; margin: 0 auto; }
.nav li { float: left; font-size: 14px; font-family: "微软雅黑"; width: 82px; height: 90px; text-align: center; }
.nav li a { display: block; height: 86px; line-height: 86px; color: #686868; font-weight: bold; }
.nav li a.cur { background: #eaeaea; border-bottom: 4px solid #da0000; }
.nav li a:link,
.nav li a:visited { color: #686868; }
.nav li a:hover { color: #686868; background: #eaeaea; border-bottom: 4px solid #da0000; }
.nav li a.cur:hover { color: #686868; background: #eaeaea; border-bottom: 4px solid #da0000; }
.subnav h3 { display: none; background: rgba(41,41,41,.8); position: absolute; width: 100%; left: 0; top: 90px; height: 60px; z-index: 1000; line-height: 60px; font-size: 14px; font-family: "宋体"; color: #808080; font-weight: normal }
.subnav h3 a { margin: 0 8px; color: #fff; }
.subnav h3 a:link,
.subnav h3 a:visited { color: #fff; }
.subnav h3 a:hover { color: #f00 }
.subnav .sub01 { text-indent: 700px }
.subnav .sub02 { text-indent: 800px }
.subnav .sub03 { text-indent: 900px }
.subnav .sub04 { text-indent: 990px }
.subnav .sub05 { text-indent: 858px }
.subnav .sub06 { text-indent: 1180px }
.subnav .sub07 { text-indent: 1250px }
.subnav .sub08 { text-indent: 958px }
.navBox .fr { border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; line-height: 90px; width: 124px; float: right; }
.navBox .fr a { display: inline-block; padding: 30px 10px; height: 30px; }
